hhkb
웹 개발

루트캠프_01_팀 포털 사이트 구축 계획

작성자 : Heehyeon Yoo|2025-11-11
# Blog# Project# PRD# Next.js# Team

팀이 만들어졌는데....

구름톤 정보보호16기 과정에 참여하면서 조가 만들어졌다.
조 이름은 rootcamp, 대충 뿌리부터 같이 배우는 부트캠프 느낌 + 보안 과정 답게 루트 권한을 가졌다는 뉘앙스도 있다.
프로젝트 조는 아니고, 이론 스터디 동안 서로 으쌰으쌰하면서 배운 것도 공유하고.... 그런 목적의 조다.
첫 스터디 모임이다 보니 각자 서로 이 분야의 진로나 공부 목적 등을 정해와서 발표하기로 했는데,
우리 조의 구성원들이 배경이 비전공자, 전공자, 현업자, 나같은 커리어 전환자 등으로 다양하다 보니
같이 보고 활용할만한 뭔가를 만들고 싶다는 생각이 들었다.

그래서 팀 전용 정보 포털 같은 느낌의 정적 웹사이트를 하나 만들기로 했다.

PRD 요약

목표

  • 정보보호 분야 핵심 정보(뉴스/진로/사이트 등)를 구조화해 제공
  • 팀원들이 쉽게 접근하고, 필요할 때 바로 참고 가능하게 만들기

대상

  • 구름톤 정보보호 16기 이론 2조 팀원
  • 보안 입문자

핵심 기능

  • 뉴스: ASEC 블로그 RSS 기반 최신 정보보호 뉴스 제공
  • 진로 탐색: 직무별 공통/특화 스킬, 자격증, 학습 로드맵 정리
  • 유용한 사이트: 학습/도구/웹진 링크 모음
  • 팀 소개: 팀원 프로필 및 역할 정리

완료 기준

  • 핵심 페이지 4개(뉴스/진로/유용한 사이트/팀 소개) 완성
  • 기본 UI/UX 흐름 정리
  • 데이터/콘텐츠 구조 고정

기술 스택 방향

배포/유지보수가 쉬워야 한다.
그래서 아래 기준으로 선택했다.

  • Framework: Next.js (App Router)
  • Language: TypeScript
  • Styling: CSS + 간단한 컴포넌트 구조
  • Data: JSON 기반 구조 → 이후 필요시 DB로 확장
  • Deployment: Vercel